D3.js、Vue 畫一個台灣地圖

今年暑假，我首次製作學習單，幫學生把六個正方形畫出來，讓他們標上經緯度，再開始學習畫台灣地圖。 並且將 #心智地圖3 上附錄頁的「手繪台灣地圖」的分解動作，也整併在學習單上。

想製作專屬於自己的地圖？ 不用再苦惱複雜的軟體，免費線上地圖製作工具讓你輕鬆上手，手殘黨也能變身地圖大師！

使用DesignCap可以對地圖進行編輯並在其上添加資訊。 你可以線上搜索某個具體的國家或地區，用不同的顏色去展示不同的數據。

最近想做一個「台灣本島 XXX 地圖」的頁面，比如台灣本島素食地圖、台灣本島氣象地圖。 原本想說就簡單的找個台灣地圖</b>的 SVG 檔，後來發現台北、新北這二塊很多找得到的圖層沒處理好，按了新北會包含到台北那塊，然後 August 對於 Illustrator 又沒很會用，只好放棄。 接著又 Google 爬了一下網路的高手們是怎麼處理的，看了很多篇，結果發現很多篇都是從某一篇複製貼上的，內容大同小異，先從政府資料開放平台上下載，接著用 D3.js 轉 TopoJSON，再處理 path 就完成了。